body{font-family:"Microsoft Yahei";font-size:14px;color:#5B5B5B; padding:0; margin:0;}

input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}

/*澶撮儴*/

.m_bg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:url(../images/bg_b.jpg) no-repeat; background-size:cover;}

.m_bg_a{ background:url(../images/bg_d.jpg) no-repeat; background-size:cover;}

.main{ width:100%; position:relative; z-index:2;}

.header{ width:100%; margin:0px auto; position:relative; border-bottom:1px solid #ddd; position:absolute; left:0; top:0; z-index:9999;}

.h_fix{ position:fixed; left:0; top:0; z-index:99999; background:#FFF;}

.header .head{ width:1120px; height:70px; margin:0px auto; position:relative;}

.head .logo{ width:400px; height:46px; float:left; margin-top:10px;}

.head .logo img{ vertical-align:middle;}

.head .nav{float:right; margin-left:50px; text-align:left; margin-top:30px;}

.head .nav li{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; margin-right:13px;}

.head .nav li a{ font-size:14px; color:#fff; display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; padding:0px 10px;}

.head .nav li.now a,.h_fix .head .nav li.now a,.head .nav li a:hover,.h_fix .head .nav li a:hover{ color:#19B1EC;}

.h_fix .head .nav li a{ color:#333;}

.head .search{ width:230px; height:27px; float:right; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; position:relative;font-size: 14px;font-weight: bold;position: absolute;right: 0;top: 0px;}

.head .search input[type="text"]{ width:145px; height:21px; line-height:21px; position:absolute; left:4px; top:3px; padding:0px 5px; border:0px; background:none; color:#FFF;}

.head .search input[type="submit"]{ width:30px; height:27px; background:url(../images/s_btn.png) no-repeat center center; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; z-index:99;}

.head .lang{ width:40px; height:25px; margin-top:25px; position:relative; float:left;}

.head .lang .lang_m{ width:40px; height:25px; position:relative; cursor:pointer;}

.head .lang .lang_m span,.head .lang .lang_m em{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; text-align:center; position:absolute;}

.head .lang .lang_m span{ width:30px; text-align:center; font-size:12px; left:0px; top:0; color:#FFF;}

.h_fix .head .lang .lang_m span{ color:#333;}

.head .lang .lang_m em{ width:5px; height:3px; background:url(../images/icon1.png) no-repeat; right:5px; top:10px;}

.h_fix .head .lang .lang_m em{background:url(../images/icon1_1.png) no-repeat;}

.head .lang ul{ width:100%;  position:absolute; left:0px; top:25px; z-index:9999999; font-size:12px; background:#FFF; display:none;}

.head .lang ul li{ width:100%; text-align:center; height:25px; line-height:25px; color:#333; cursor:pointer;}

.nav_m{ height:35px; display:inline-block; *display:inline; zoom:1; position:relative; float:right;}

.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; position:relative; height:18px; width:auto; background:url(../images/nav_ico.png) no-repeat left center; padding-left:25px; line-height:18px; color:#FFF; position:absolute; right:0px; top:5px; z-index:9999; cursor:pointer;display:none;}

.h_fix .nav_m .n_icon{ color:#000; background:url(../images/nav_ico_a.png) no-repeat left center;}

.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}

.i_name{ width:100%; padding:50px 0; text-align:center; font-size:36px; color:#000; font-weight:bold;}

.i_name em{ color:#00A3DF; font-weight:bold;}

.i_name p{ font-size:18px; color:#5B5B5B;}

.i_ma{ width:100%; background:#FFF;}

.i_ma ul{ width:1120px; padding:0 0 50px; margin:0px auto;}

.i_ma ul li{ width:325px; float:left; text-align:center; margin-right:72px;}

.i_ma ul li a{ color:#555;}

.i_ma ul li .tu{ width:200px; height:200px; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; overflow:hidden; margin:0px auto;}

.i_ma ul li .tu img{ width:200px; height:200px; vertical-align:top;border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}

.i_ma ul li a:hover .tu img{/*transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);*/}

.i_ma ul li .name{ width:100%; height:45px; line-height:45px; font-size:14px; font-weight:bold;}

.i_ma ul li p{ font-size:12px; line-height:175%;}

.i_m{ padding:15px 0;}

.i_mb{ width:100%; background:#F4F4F4;}

.i_mb ul{ width:1120px; margin:0px auto; padding-bottom:50px;}

.i_mb ul li{ width:347px; float:left; margin-right:39px;}

.i_mb ul li a{ font-size:16px; color:#474747;}

.i_mb ul li a:hover{ color:#00A3DF;}
.i_mb ul div a{
	display: inline-block;
    border: 1px solid #555;
    color: #555;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.i_mb ul div a:hover{
	color: #ffffff;
	background: #00A3DF;
	border: 1px solid #00A3DF;
}
.i_mb ul li img{ width:347px;/* height:240px; */vertical-align:top;}

.i_mb ul li .title{ width:100%; height:55px; line-height:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; text-align:center;}

.i_mc{ background:#FFF;}

.i_mc ul li img{ /*height:300px;*/}

.i_md{ width:100%; background:url(../images/bg_a.png) repeat; padding:15px 0;}

.i_md .i_mdm{ width:1120px; margin:0px auto; border-right:1px solid #999; margin-bottom:50px;}

.i_mdm .i_mdl,.i_mdm .i_mdr{ width:559px; float:left; border:1px solid #999; border-right:0px;}

.i_md .i_name p,.i_md .i_name{ color:#FFF;}

.i_mdm .box_h{ width:100%; height:65px; line-height:65px; position:relative; border-bottom:1px solid #999;}

.i_mdm .box_h span{ font-size:18px; color:#00A3DF; margin-left:25px;}

.i_mdm .box_h a{ display:block; position:absolute; right:25px; top:0px; color:#FFF;}

.i_mdm ul{ width:509px; margin:0px auto; height:300px; padding-top:10px;}

.i_mdm ul li{ width:100%;}

.i_mdl ul li span,.i_mdl ul li .nr{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.i_mdl ul{ height:270px; padding:20px 0;}

.i_mdl ul li{ margin-top:10px;}

.i_mdl ul li span{ width:18px; height:18px; color:#FFF; text-align:center; line-height:18px;}

.i_mdl ul li.wen span{ background:#888;}

.i_mdl ul li.da span{ background:#00A4D3;}

.i_mdl ul li .nr{ width:480px; text-align:left; font-size:12px; line-height:175%; margin-left:5px;}

.i_mdl ul li.wen .nr{ color:#FFF;}

.i_mdl ul li.da .nr{ color:#D2D2D2;}

.i_mdr ul li{ width:100%; height:50px; line-height:50px; position:relative; /*background:url(../images/icon2.png) no-repeat left center;*/ margin-bottom:10px;}

.i_mdr ul li a{ font-size:14px; color:#FFF;}

.i_mdr ul li p{ width:60%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*margin-left:30px;*/}

.i_mdr ul li em{ display:block; position:absolute; right:0px; top:0px;}

.i_mdr ul li a:hover,.i_mdm .box_h a:hover{ color:#00A4D3;}

.i_me{ width:100%; background:url(../images/bg_c.jpg) repeat; padding:20px 0;}

.i_me ul,.i_me ul li{ width:100%;}

.i_me ul li:hover{ background:#00A4DF;}

.i_me ul li a{ color:#4F4F4F;}

.i_me ul li:hover a{ color:#FFF;}

.i_me ul li dl{ width:1120px; height:75px; margin:0px auto; padding:20px 0; background:url(../images/icon3.png) no-repeat right center;}

.i_me ul li:hover dl{ background:url(../images/icon4.png) no-repeat right center;}

.i_me ul li dl dt{ width:105px; float:left; text-align:center; font-size:36px;}

.i_me ul li dl dt p{ height:20px; line-height:20px; text-align:center; font-size:14px;}

.i_me ul li dl dd{ width:675px; float:left; margin-left:100px;}

.i_me ul li dl dd .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.i_me ul li dl dd p{ width:100%; height:45px; line-height:200%; font-size:12px; overflow:hidden;}

.main .more{ width:100%; text-align:center; margin:30px 0 20px;}

.main .more a{ display:block; width:290px; height:48px; font-size:18px; background:url(../images/bg_a.png) repeat; margin:0px auto; color:#FFEC00; line-height:48px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}

.i_mf{ width:100%; background:#FFF; padding:20px 0;}

.i_mf .i_mfm{ width:1120px; margin:0px auto; text-align:center; font-size:14px; color:#000; line-height:175%;}

.i_mf .i_mfm p{ margin-bottom:15px;}

.i_mg{ width:100%;/*background:url(../images/bg_d.jpg) no-repeat; background-size:cover;*/}

.i_mg .i_name,.i_mg .i_name p{ color:#FFF;}

.i_mgm{ width:1120px; margin:0px auto;}

.i_mgm ul{ width:100%;}

.i_mgm ul li{ width:347px; float:left; margin-right:39px; text-align:center;}

.i_mgm ul li.one,.i_mgm ul li.one p{ text-align:left;}

.i_mgm ul li.one img{ margin-left:40px;}

.i_mgm ul li img{ width:25px; height:25px; vertical-align:top;}

.i_mgm ul li p{ width:100%; text-align:center; margin-top:10px; font-size:14px; color:#FFF;}

.i_mgm .i_book { margin-top:20px; text-align:left; padding-bottom:20px;}

.i_mgm .i_book li{ width:550px; float:left; margin-right:20px; position:relative; margin-top:20px; text-align:left; font-size:14px; color:#FFF; overflow:hidden;}

.i_mgm .i_book li.chang{ width:100%;}

.i_mgm .i_book li input{ width:100%; height:34px; background:#C7C7C7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-left:65px; line-height:34px; border:0px;}

.i_mgm .i_book li span{ display:block; width:65px; text-align:center; height:34px; line-height:34px; font-size:14px; color:#000; position:absolute; left:0px; top:0px;}

.i_mgm .i_book li textarea{ width:100%; height:105px; background:#C7C7C7; border:0px; padding-left:60px; padding-top:5px; line-height:175%;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.i_mgm .i_book li.btn{ text-align:center; width:100%;}

.i_mgm .i_book li input[type="submit"]{ width:165px; height:40px; border:1px solid #FFF; text-align:center; line-height:40px; color:#FFF; font-size:14px; padding:0px; background:none; cursor:pointer;}

.foot{ width:100%; background:#00A4DF; padding:40px 0; text-align:center; font-size:14px; color:#FFF;}

.banner_s{ margin-top:70px;}

.banner_s,.banner_s img{ width:100%; height:auto; vertical-align:top;}

.s_bg{ width:100%; background:url(../images/bg_f.jpg) repeat; padding-top:20px;}

.scd{ width:1120px; margin:0px auto;}

.scd .scd_l{ width:200px; border:10px solid #19B1EC; float:left;}

.scd .scd_l li{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #19B1EC; }

.scd .scd_l li a{ display:block; width:140px; height:60px; line-height:60px; padding-left:60px; font-size:14px; color:#000;}

.scd .scd_l li.now,.scd .scd_l li:hover{background:url(../images/icon8.png) no-repeat 45px center;}

.scd .scd_l li.now a,.scd .scd_l li:hover a{ color:#19B1EC;}

.scd .scd_r{ width:900px; float:left; background:#FFF; position:relative; padding-top:20px; margin-top:-20px;}

.scd .scd_r .r_top{ width:100%; height:78px; background:url(../images/bg_e.png) repeat; position:absolute; top:-78px; left:0; z-index:9999; border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; text-align:right;}

.scd .scd_r .r_top_a{ background:url(../images/bg_g.png) repeat;}

.scd .scd_r .r_top p{ width:100%; height:50px; line-height:50px; font-size:50px; color:#aaa; text-align:right;}

.scd .scd_r .r_top_a p{ color:#FFF;}

.scd .scd_r .r_top em{ font-size:26px; color:#19B1EB; display:block; width:100%; height:26px; line-height:26px; margin-top:-3px;}

.scd .scd_r .scd_rm{ width:820px; margin:0px auto;}

.pst{ width:100%; height:88px; border-bottom:1px solid #ddd; text-align:left;}

.pst .line{ width:22px; height:4px; background:#19B1EC; margin-bottom:15px;}

.pst p{ width:100%; height:25px; line-height:25px; font-size:20px; color:#7F7F7F;}

.pst b{ font-size:20px; color:#000; font-weight:normal;}

.pro{ width:100%; padding:15px 0;}

.pro dl{ margin-top:15px; padding-bottom:15px;    float: left;    margin: 20px;padding: 0;}

.pro dl dt{ width:225px; float:left; border:2px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit- border-radius:2px;}

.pro dl dt img{ width:225px; /*height:155px;*/ vertical-align:top;}

.pro dl dd{ width:535px; float:right; margin-left:10px;}

.pro dl dd .title{height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro dl dd .title a{ font-size:20px; color:#000;}
.pro dl dt .title{ font-size:20px; color:#000;}

.pro dl dd .title a:hover{ color:#00A4DF;}
.pro dl dt .title{ color:#00A4DF;font-size: 15px;text-align: center;margin: 20px 0;}

.pro dl dd .name{ width:100%; height:22px; line-height:22px; margin-top:15px; background:url(../images/icon9.png) no-repeat left center;}

.pro dl dd .name span{ font-size:14px; color:#444; margin-left:25px;}

.pro dl dd p{ width:100%; height:45px; font-size:14px; color:#444; line-height:175%; overflow:hidden;}

/*.pages{ width:100%; height:30px; line-height:30px; text-align:right; margin-top:12px;}

.pages a{ display:inline-block; *display:inline; zoom:1; margin-left:3px; height:22px; line-height:22px; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 5px; font-size:12px; color:#1D71C7; min-width:12px; text-align:center;}

.pages a.now,.pages a:hover{ color:#FFF; background:#1D71C7; border:1px solid #1D71C7;}*/
.pages{
      	height: 60px;
      	padding: 20px 0 30px;
      	width: 100%;
      	clear: both;
  	}
  	.tcdPageCode {
      	text-align: center;
        color: #808080;
       font-size: 14px;
  	}
	.tcdPageCode li{
	    display: inline;
	}
    .tcdPageCode span.disabled {
       	display: inline-block;
       	height: 35px;
      	line-height: 35px;
      	padding: 0 14px;
      	margin: 0 2px;
      	color: #808080;
      	background: #fff;
      	border: 1px solid #e6e3e3;
      	vertical-align: middle;
      	border-radius:1px;
    }
 	.tcdPageCode span.current {
      	display: inline-block;
      	height: 35px;
      	line-height: 35px;
      	padding: 0 14px;
      	margin: 0 2px;
      	color: #fff;
      	background-color: #1c4587;
      	border: 1px solid #1c4587;
      	vertical-align: middle;
      	border-radius:1px;
  	}
  	.tcdPageCode a {
      	display: inline-block;
      	color: #808080;
      	height: 35px;
      	line-height: 35px;
      	background: #fff;
      	padding: 0 14px;
      	border: 1px solid #ddd;
      	margin: 0 2px;
      	vertical-align: middle;
      	border-radius:1px;
  	}

.about{ width:100%; padding:15px 0 25px; font-size:14px; color:#000; line-height:175%;}

.support{ width:100%; padding:20px 0;}

.support li{ padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px; font-size:14px; color:#000; line-height:175%;}

.support li .title{ width:100%; padding:5px 0; color:#19B1EB;}

.support li .des{ width:92%; padding:0 4%;}

.support li .des .des_m{ width:92%; padding:0 4%;}

.support li .des .des_m p div{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:auto;}

.demo{ width:100%; padding:20px 0;}

.demo h5{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:normal; color:#00A4DF;}

.demo ul{ width:100%; border-bottom:1px dashed #ddd; margin-bottom:20px;}

.demo ul li{ width:395px; float:left; margin-right:30px; margin-bottom:20px;}

.demo ul li embed{ width:395px; height:300px; vertical-align:top;}

.demo ul li .title{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;}

.case{ width:100%; padding:20px 0;}

.case dl{ width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}

.case dl dt,.case dl dt img{ width:245px; height:160px; float:left; vertical-align:top;}

.case dl dd{ width:560px; float:right; text-align:left; font-size:14px; color:#000; line-height:230%;}

.case dl dd .title{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.case dl dd .title a{ font-size:16px; color:#C50000;}

.case dl dd .title a:hover,.case dl dd .c_more:hover{ color:#00A4DF;}

.case dl dd .des{ width:100%; height:90px; overflow:hidden;}

.case dl dd .c_more{ display:block; width:70px; height:22px; border:1px solid #444; text-align:center; line-height:22px; color:#333; margin-top:12px;}